﻿<%@ Page Language="C#" MasterPageFile="~/MasterPage/MasterPage.Master" AutoEventWireup="true" CodeBehind="BGM_System_Approve.aspx.cs" Inherits="KPIS.GERP.GBMS.APP_UI.BGM_System_Approve" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<%@ Register src="../Controls/Panel/UserPanel.ascx" tagname="UserPanel" tagprefix="uc3" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<Link rel="StyleSheet" href="../../Styles/StyleSheet.css" type="text/css">

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="None"  > 
</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager runat="server" ID="RadManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnAddNew">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="pnDetail" LoadingPanelID="RadAjaxLoadingPanel1"/>
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="pnDetail">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="pnDetail" LoadingPanelID="RadAjaxLoadingPanel1"/>
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

<table style="width: 980px; height: 100%;">
    <tr>
    <%--<td width="274px" valign="top">
        <uc3:UserPanel ID="UserCtrl" runat="server" />
    </td>--%>
    <td valign="top">
        <div class="Background710">
            <div class="BackgroundBottom710">
                Test
            </div>
        </div>  
    </td>
    </tr>
    <tr>
    <td valign = "top" colspan="2">
        <div class="Background980">
            <div class="BackgroundBottom980">
                <asp:Panel ID="panelList" runat="server" Height="360px" ScrollBars="Auto">
                    <table width="100%">
                        <tr>
                            <td align="center" colspan="2">
                                <br />
                                <table width="95%">
                                    <tr>
                                        <td  align="left" valign="top" bgcolor="#7DA5E0" 
                                            style="padding: 5px; color: #FFFFFF; font-weight: bold;">
                                            ขั้นตอนที่ 1 : เลือกประเภทของเอกสารที่ต้องการ 
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" width="36%">
                                <br />
                                ประเภทของเอกสาร :
                            </td>
                            <td align="left">
                                <br />
                                &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<telerik:RadComboBox ID="cbProcess" runat="server" Width="350">
                                <Items>
                                    <telerik:RadComboBoxItem Value="RQ" Text="เอกสารคำของบประมาณ" />
                                    <telerik:RadComboBoxItem Value="AP" Text="เอกสารพิจารณางบประมาณ" />
                                    <telerik:RadComboBoxItem Value="RC" Text="เอกสารจัดสรรงบประมาณ" />
                                    <telerik:RadComboBoxItem Value="TF" Text="เอกสารการโอนเปลี่ยนแปลงงบประมาณ" />                                    
                                </Items>
                                </telerik:RadComboBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="2">
                                <br />
                                <table width="95%">
                                    <tr>
                                        <td align="left" valign="top" bgcolor="#7DA5E0" 
                                            style="padding: 5px; color: #FFFFFF; font-weight: bold;">
                                            ขั้นตอนที่ 2 : กำหนดลำดับชั้นในการอนุมัติเอกสาร 
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center">
                                <br />
                                <asp:Panel ID="pnDetail" runat="server">
                                <asp:Label ID="lbCountRow" runat="server" Visible="false" Text="1"></asp:Label>
                                    <asp:Table ID="tb" runat="server" Width="60%">
                                        <asp:TableRow>
                                            <asp:TableHeaderCell Width="30%" Height="30px">
                                                ลำดับที่
                                            </asp:TableHeaderCell>
                                            <asp:TableHeaderCell HorizontalAlign="Left">
                                                ตำแหน่งทางการบริหาร
                                            </asp:TableHeaderCell>
                                            <asp:TableHeaderCell Width="5%">
                                                
                                            </asp:TableHeaderCell>
                                        </asp:TableRow>
                                    </asp:Table>
                                    <table width="52%">
                                        <tr>
                                            <td align="right" style="padding-top: 10px; padding-bottom: 15px;">
                                                <asp:LinkButton ID="btnAddNew" runat="server" onclick="btnAddNew_Click">เพิ่มลำดับชั้นในการอนุมัติเอกสาร</asp:LinkButton>
                                            </td>
                                        </tr>
                                    </table>
                                </asp:Panel>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" align="center" style="padding-top: 5px">
                                <table width = "95%">
                                    <tr>
                                        <td colspan="4" align="left" valign="top" bgcolor="#7DA5E0" 
                                            style="padding: 5px; color: #FFFFFF; font-weight: bold;">
                                            ขั้นตอนที่ 3 : กดปุ่มเพื่อบันทึกหรือยกเลิก
                                        </td>                  
                                    </tr>
                                    <tr>
                                        <td align="center" colspan="4" style="padding-top: 10px; padding-bottom: 15px;">
                                            <asp:Button ID="btnSave" runat="server" Text="บันทึกการเปลี่ยนแปลง" />&nbsp&nbsp
                                            <asp:Button ID="btnCancel" runat="server" Text="ยกเลิก" />
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
            </div>
        </div>
    </td>
    </tr>
    </table>    

</asp:Content>